.check-detail {
  .check-records {
    &__container {
      #check-calendar {
        height: calc(100vh - 40px);
        overflow: auto;
        width: 100%;
      }
    }
    &__title {
      font-weight: bolder;
    }
    &__history {
      display: flex;
      flex-wrap: wrap;
      margin: 4px 0;
      padding: 10px 0;
    }
    &__actions {
      display: flex;
    }
  }
  .check-date-cell {
    &__checked {
      color: white;
      background: var(--mainColor);
    }
  }
 
  .check-statistics {
    display: flex;
    flex-direction: column;
    &__item {
      display: flex;
      padding: 4px;
    }
    &__name {
      width: 200px;
    }
    &__value {
      flex: 1;
    }
  }
}